<template>
  <view>
    <text class="text">温馨提示：分数大于等于4分存在跌倒风险，点击查收详情</text>
    <view class="list_box">
      <view class="list" v-for="(option,index) in state.options" :key="index">
        <text class="text_box">{{ option.score }}</text>
        <text class="text_box">{{option.createTime}}</text>
        <text class="iconfont icon-circle-right"></text>
      </view> 
    </view>
  </view>
</template>

<script setup lang="ts">
import {ref,reactive,computed} from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import {getHistoryEvaluateApi} from '@/apis/userHistory/userHistory'
const state = reactive({
  options:[],
})
const getAllFallSelf = async()=>{
  const res = await getHistoryEvaluateApi()
  state.options = res.data
  console.log(state.options)
}
onLoad(async()=>{
  await getAllFallSelf()
})
</script>

<style lang="scss">
page{
  background-color: #fff;
}
.text{
  color: red;
  margin-left: 50rpx;
  font-size: 25rpx;
}
.list_box{
  margin-top: 20rpx;
.list {
  padding: 20rpx 20rpx;
  margin-bottom: 20rpx;
  border-radius: 20rpx;
  background-color: #F5F5F5 ;
  position: relative;
  .text_box {
    line-height: 90rpx;
    padding-left: 10rpx;
    font-size: 35rpx;
    color: rgb(20,141,255);
    border-top: 1rpx solid #F5F5F5 ;
    border-radius: 0;
    background-color: #F5F5F5 ;
  }
     .icon-circle-right{
      position: absolute;
      font-size: 50rpx;
      right: 60rpx;
    }
}
}
</style>